<template>
  <div class="planet-header">
    <span class="active">推荐</span>
    <span>上新了小米</span>
    <span>小米智能生活</span>
    <span class="icon iconfont">&#xe61d;</span>
    <span class="icon iconfont">&#xe61c;</span>
  </div>
</template>
<style lang="scss" scoped>
@import '../../assets/css/mixin';
.planet-header {
  display: flex;
  height: px2rem(82 / 2);
  justify-content: space-around;
  align-items: center;
  background-color: #fff;
  span {
    color: #3c3c3c;
    font-size: px2rem(32 / 2);
    font-weight: bold;
    &.active {
      color: #ff6700;
    }
  }
}
</style>
